<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="__STATIC__/Home/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="__STATIC__/Home/js/js.js"></script>
<link rel="stylesheet" href="__STATIC__/Home/css/index.css" />
<link rel="stylesheet" href="__STATIC__/Home/css/animate.css" />
<title>卷皮网</title>
</head>

<body>
<!-- 浏览器右侧开始 -->
<div id="scroll">
	<div class="man">
		<a href="{|U:'Member/index'}"></a>
	</div>
	<div class="shop">
		<a href="{|U:'Shop/index'}">
			<span class="num">
				<if value="$_SESSION['cart']">
				{$hd.session.cart.total_rows}
				<else/>0</if>
			</span>
		</a>
	</div>
	<div class="coll">
		<a href=""></a>
	</div>
	<div class="coup">
		<a href=""></a>
	</div>
	<div class="view">
		<a href=""></a>
	</div>
	<div class="code">
		<a href=""></a>
	</div>
	<div class="top">
		<a href=""></a>
	</div>
</div>
<!-- 浏览器右侧结束 -->


<!--载入顶部-->
<include file="__VIEW__/Common/header"/>


<!-- 头部开始 -->
<div id="header">
	<div id="top">
		<div class="logo">
			<a href="__WEB__"></a>
		</div>
		<div class="center"></div>
		<div class="right">
			<form action="" method="">
				<input class="text" type="text" name="" id="" />
				<input class="tijiao" type="submit" value="" />
			</form>
		</div>
	</div>
	
</div>
<!-- logo结束 -->

<!-- 导航开始 -->
<div id="mainNav">
	<div class="nav">
		<ul>
			<li class="first"><a href="javascript:;">最新折扣</a></li>
			<navigation>
				<li><a href="{$field.url}">{$field.cname}</a></li>
			</navigation>
		</ul>
	</div>
</div>
<!-- 导航结束 -->

<!-- 轮播开始 -->
<div id="bg">
	<ul class="ul">
		<list from="$bannerData"  name="$v" row="4" start="1">
			<li class="li" style="background: url(__ROOT__/{$v.logo}) no-repeat;
		background-position: top;">
				<a href="{|U:'List/index',array('cid'=>1)}"></a>
			</li>
		</list>
	</ul>
	
	<div class="pos">
		<!-- 轮播图左侧 -->
		<div class="con_l">
			<!--左侧分类小图标开始-->
			<div class="minlogo">
				<a class="cate cate1" href="javascript:;"></a>
				<a class="cate cate2" href="javascript:;"></a>
				<a class="cate cate3" href="javascript:;"></a>
				<a class="cate cate4" href="javascript:;"></a>
			</div>
			<!--左侧分类小图标结束-->
			<!--二级导航开始-->
 			<ul>
 				<foreach from="$cateData" key="$k" value="$v">
 				<li>
 					<div class="list">
 						<a class="cate_t" href="{|U:'List/index',array('cid'=>$v['cid'])}">{$v.cname}</a>
 						<foreach from="$v['son']" key="$key" value="$value">
	 						<a href="{|U:'List/index',array('cid'=>$v['cid'],'cid'=>$value['cid'])}">{$value.cname}</a>
	 					</foreach>	
 					</div>
 					<!--<div class="box">{$k}</div>-->
 				</li>
 				</foreach>
 			</ul>
 			<!--二级导航结束-->
 		</div>
 		<!-- 轮播图 -->
 		<div class="con_c">
	 		<ul id="ul">
				<li class="c_li" style="background:#FF2D5E;"></li>
				<li class="c_li"></li>
				<li class="c_li"></li>
				<li class="c_li"></li>
			</ul>
			<div id="left">&lt;</div>
			<div id="right">&gt;</div>
	 	</div>
 		<!-- 轮播图右侧 -->
 		<div class="con_r">
	 		<div class="shop_num">
	 			<list from="$Clothes"  name="$v" row="1" start="0">
					<a href="{|U:'Content/index',array('gid'=>$v['gid'])}">
						<img width="110" src="__ROOT__/{$v.img}" alt="" />
					</a>
				</list>
 					<div class="num">
 						<b>服装折扣</b><br />
 					今日上新<span>
 						<if value="$ClothesNum">
						{$ClothesNum}
						<else/>0</if>
 					</span>款
 					</div>
 			</div>
 			<div class="shop_num">
				<list from="$moAndba"  name="$v" row="1" start="0">
					<a href="{|U:'Content/index',array('gid'=>$v['gid'])}">
						<img width="110" src="__ROOT__/{$v.img}" alt="" />
					</a>
				</list>
				<div class="num">
					<b style="color:#710C93; ">母婴折扣</b><br />
				今日上新<span>
					<if value="$moAndbaNum">
					{$moAndbaNum}
					<else/>0</if>
				</span>款
				</div>
 			</div>
 			<div class="shop_num">
				<list from="$Family"  name="$v" row="1" start="0">
					<a href="{|U:'Content/index',array('gid'=>$v['gid'])}">
						<img width="110" src="__ROOT__/{$v.img}" alt="" />
					</a>
				</list>
				<div class="num">
					<b style="color:#710C93; ">居家折扣</b><br />
				今日上新<span>
					<if value="$FamilyNum">
					{$FamilyNum}
					<else/>0</if>
				</span>款
				</div>
 			</div>
	 	</div>
	</div>	
</div>
<!-- 轮播结束 -->

<!-- 品牌特卖开始 -->
<div id="todayNew">
	<!--标题-->
	<div class="title">
		<div class="title_l">
			品牌特卖<span>每天10点新品特卖</span>
		</div>
		<div class="title_r">
			<div class="right">100%验货质检</div>
			<div class="con">全场9.9元包邮</div>
			<div class="left">淘宝天猫特卖1折起</div>
		</div>
	</div>
	<!--内容-->
	<div class="content">
		<list from="$brandData"  name="$v" row="3" start="0">
		<a href="{|U:'List/index',array('cid'=>1)}" class="new">
			<img class="img" width="368" src="__ROOT__/{$v.showimg}" alt="" />
			<div class="pinpai">
				<img width="60" src="__ROOT__/{$v.logo}" alt="" />
				<span class="zhekou">1.2折起</span>
				<span class="qiang">马上抢</span>
			</div>
		</a>
		</list>
		<div class="pinpai_list">
			<span>更多品牌特卖:</span>
			<list from="$brandData"  name="$v" row="8" start="0">
				<a href="{|U:'List/index',array('cid'=>1)}"><img style="width: 80px;height: 40px;" src="__ROOT__/{$v.logo}" alt="" /></a>
			</list>
			<a class="more" href="">查看全部 >></a>
		</div>
	</div>
</div>
<!-- 品牌特卖结束 -->

<!--************************************************************************************************-->
<!--1楼开始-->
<div id="one_floor">
	<!--左侧区域-->
    <div class="left">
		<!-- 上部 -->
        <div class="top top1">服饰折扣</div>
		<!-- 中部 -->
	    <div class="center">
	        <a href=""><span class="zkh"></span></a>
	        <list from="$Clothes"  name="$v" row="3" start="0">
		        <a href=""><img style="width: 80px;height: 40px;" src="__ROOT__/{$v.logo}" alt="" /></a>
		    </list>
	        <a href=""><span class="ykh"></span></a>
	    </div>
		<!-- 下部 -->
	    <div class="bottom">
	        <ul>
	            <li><a href="{|U:'List/index',array('cid'=>1)}">连衣裙</a><a href="{|U:'List/index',array('cid'=>1)}">潮流女装</a></li>
	            <li><a href="{|U:'List/index',array('cid'=>1)}">时尚新品</a><a href="{|U:'List/index',array('cid'=>1)}">商场同款</a></li>
	            <li><a href="{|U:'List/index',array('cid'=>1)}">百搭衬衫</a><a href="{|U:'List/index',array('cid'=>1)}">独家首发</a></li>
	            <li><a href="{|U:'List/index',array('cid'=>1)}">内衣频道</a><a href="{|U:'List/index',array('cid'=>1)}">胸垫睡衣</a></li>
	        </ul>
	    </div>
    </div> 
<!-- 右侧区域 -->
    <div class="right">
    	<list from="$Clothes"  name="$v" row="10" start="0">
	        <a href="{|U:'Content/index',array('gid'=>$v['gid'])}"class="yb">
	        	<img src="__ROOT__/{$v.img}" alt="" />
        		<span><strong>❤</strong><em>{$v.gname}</em></span>
				<b></b>
        	</a>
	    </list>
    </div>
</div>
<!--1楼结束-->

<!-- 2楼开始 -->
<div id="one_floor">
	<!--左侧区域-->
    <div class="left">
		<!-- 上部 -->
        <div class="top top2">母婴折扣</div>
		<!-- 中部 -->
	    <div class="center">
	        <a href=""><span class="zkh"></span></a>
	        <list from="$moAndba"  name="$v" row="3" start="3">
		        <a href=""><img style="width: 80px;height: 40px;" src="__ROOT__/{$v.logo}" alt="" /></a>
		    </list>
	        <a href=""><span class="ykh"></span></a>
	    </div>
		<!-- 下部 -->
	    <div class="bottom">
	        <ul>
	            <li><a href="">儿童装</a><a href="">孕装服饰</a></li>
	            <li><a href="">时尚童装</a><a href="">同款特卖</a></li>
	            <li><a href="">学习频道</a><a href="">玩具乐器</a></li>
	        </ul>
	    </div>
    </div> 
<!-- 右侧区域 -->
    <div class="right">
    	<list from="$moAndba"  name="$v" row="10" start="0">
	        <a href="{|U:'Content/index',array('gid'=>$v['gid'])}"class="yb">
	        	<img src="__ROOT__/{$v.img}" alt="" />
        		<span><strong>❤</strong><em>{$v.gname}</em></span>
				<b></b>
        	</a>
	    </list>
    </div>
</div>
<!-- 2楼结束 -->

<!-- 3楼开始 -->
<div id="one_floor">
	<!--左侧区域-->
    <div class="left">
		<!-- 上部 -->
        <div class="top top3">居家折扣</div>
		<!-- 中部 -->
	    <div class="center">
	        <a href=""><span class="zkh"></span></a>
	        <list from="$Family"  name="$v" row="3" start="3">
		        <a href=""><img style="width: 80px;height: 40px;" src="__ROOT__/{$v.logo}" alt="" /></a>
		    </list>
	        <a href=""><span class="ykh"></span></a>
	    </div>
		<!-- 下部 -->
	    <div class="bottom">
	        <ul>
	            <li><a href="">连衣裙</a><a href="">潮流女装</a></li>
	            <li><a href="">时尚新品</a><a href="">商场同款</a></li>
	            <li><a href="">百搭衬衫</a><a href="">独家首发</a></li>
	            <li><a href="">内衣频道</a><a href="">胸垫睡衣</a></li>
	        </ul>
	    </div>
    </div> 
<!-- 右侧区域 -->
    <div class="right">
    	<list from="$Family"  name="$v" row="10" start="0">
	        <a href="{|U:'Content/index',array('gid'=>$v['gid'])}"class="yb">
	        	<img src="__ROOT__/{$v.img}" alt="" />
        		<span><strong>❤</strong><em>{$v.gname}</em></span>
				<b></b>
        	</a>
	    </list>
    </div>
</div>
<!-- 3楼结束 -->
<!--************************************************************************************************-->

<!-- 商品列表开始 -->
<div id="goodsList">
	<div class="top">今日新品</div>
	<ul>
		<list from="$todayData"  name="$v" row="8" start="0">
		<li class="shoplist">
			<div class="new"></div>
			<a href="{|U:'Content/index',array('gid'=>$v['gid'])}">
				<img width=285 height=285 src="__ROOT__/{$v.img}" alt="" />
			</a>
			<div class="title">[包邮]
				<a href="{|U:'Content/index',array('gid'=>$v['gid'])}">{$v.gname|mb_substr:0,20,'utf-8'}...</a>
			</div>
			<div class="money">
				<span class="rmb">￥</span><b>{$v.shopprice}</b>
				<span class="old thr">￥{$v.marketprice}</span>
				<span class="old">(4.0折)</span>
				<a href="{|U:'Content/index',array('gid'=>$v['gid'])}" class="shop">加入购物车</a>
			</div>
		</li>
		</list>
	</ul>
</div>
<!-- 商品列表结束 -->

<div id="hr"></div>

<!-- 底部开始 -->
<div id="bottom">
	<div class="bo_l">
		<img src="__STATIC__/Home/images/jp-app-90.png" alt="" /><br />
		扫描二维码下载
	</div>
	<div class="bo_c">
		<ul>
     		<p>获取更新</p>
			<li>●&nbsp;<a href="">iPhone/Android</a></li>
			<li>●&nbsp;<a href="">卷皮QQ空间</a></li>
			<li>●&nbsp;<a href="">卷皮新浪微博</a></li>
			<li>●&nbsp;<a href="">开放API</a></li>
		</ul>
		<ul>
     		<p>商务合作</p>
			<li>●&nbsp;<a href="">卖家免费报名</a></li>
			<li>●&nbsp;<a href="">商务合作</a></li>
			<li>●&nbsp;<a href="">廉政邮箱</a></li>
			<li>●&nbsp;<a href="">lianzheng@juanpi.com</a></li>
		</ul>
		<ul>
     		<p>公司信息</p>
			<li>●&nbsp;<a href="">关于卷皮</a></li>
			<li>●&nbsp;<a href="">媒体报道</a></li>
			<li>●&nbsp;<a href="">诚聘英才</a></li>
			<li>●&nbsp;<a href="">校园大使招募</a></li>
		</ul>
		<ul>
     		<p>帮助中心</p>
			<li>●&nbsp;<a href="">新手上路</a></li>
			<li>●&nbsp;<a href="">积分攻略</a></li>
			<li>●&nbsp;<a href="">网站地图</a></li>
		</ul>
	</div>
	<div class="bo_r">
		<a href=""></a>
		<span>周一至周日<br />9:00-22:00</span>
	</div>
</div>
<!-- 友情链接 -->
<div id="flink">
	 友情链接：
    <a href="">国画</a>
    <a href="">齐家装修</a>
    <a href="">大朴网</a>
    <a href="">世界名表</a>
    <a href="">葡萄酒</a>
    <a href="">易登网</a>
    <a href="">普洱茶</a>
    <a href="">中关村商城</a>
    <a href="">品牌鞋</a>
    <a href="">乐蜂网优惠券</a>
    <a href="">精选折扣</a>
    <a href="">拍鞋网官网</a>
	<a class="more" href="">更多>></a>
</div>


<div id="copy">
	武汉奇米网络科技有限公司 鄂ICP备10209250号　　Copyright © 2010 -2015 JuanPi.com All Rights Reserved
</div>

<div id="safe">
	<a href=""><img src="__STATIC__/Home/images/r_315online.gif" alt="" /></a>
	<a href=""><img src="__STATIC__/Home/images/r_cnnic.gif" alt="" /></a>
	<a href=""><img src="__STATIC__/Home/images/r_gongshang.gif" alt="" /></a>
	<a href=""><img src="__STATIC__/Home/images/sm_124x47.png" alt="" /></a>
</div>
<!-- 底部结束 -->
</body>
<script type="text/javascript">
	$('.yb').hover(function(){
		var span = $(this).find('span');
		var l = ($(this).width() - span.width()) / 2;
		var t = ($(this).height() - span.height()) / 2;
		$(this).find('b').animate({'opacity':0.4},200);
		span.find('strong').css({'color':'#F8285C','border-color':'#ccc','font-size':'30px'});
		span.find('em').css({'color':'#fff'});
		span.animate({'left':l+'px','top':t+'px'},200);
	},function(){
		var span = $(this).find('span');
		$(this).find('b').animate({'opacity':0});
		span.find('strong').css({'color':'#F8285C','border-color':'transparent','font-size':'30px'});
		span.find('em').css({'color':'transparent'},200);
		span.animate({'left':'10px','top':'10px'},200);
	});
</script>
</html>
